<template>
  <div class="absolute top-[20%] left-[50%] -translate-x-[50%] text-center">
    <img
      src="@/assets/modules/auth/404.webp"
      alt="404 NotFound"
      class="w-[400px] h-[400px]"
    />
    <p class="mt-2 mb-6">抱歉，您所访问的页面不存在！</p>
    <p>
      <el-button
        type="primary"
        class="text-base"
        @click="router.push({ path: '/' })"
        >返回首页</el-button
      >
    </p>
  </div>
</template>
<script lang="ts" setup>
import { useRouter } from 'vue-router'

const router = useRouter()
</script>
